<template>
	<view class="content">
		<view class="main">
			<navgatsVue :navigationMsg="navigationMsg"></navgatsVue>
			<view class="user_xy">
				{{lists[opts].name}}
			</view>
			<view class="user_xyiti">
				欢迎加入京卡手机租赁，开始您的信用租赁人生!
			</view>
			<view class="user_xyitione">
				感谢您使用我们的服务。京卡手机租赁的各项服务由广西京卡科技有限公司提供，服务所有权和运作权属于广西京卡科技有限公司(京卡手机租赁平台包括已有“京卡手机租赁”APP、公众号、支付宝小程序等网络运营端口，以及即将产生的新式服务形态，以下统称为“京卡手机租赁平台”、“本平台”或“京卡手机租赁”。
			</view>
			<view class="user_xyititwo">
				【重要提示】
			</view>
			<view class="user_xy_three">
				(以下简称“本协议”)为您与人人租平台经营者之间《用户协议》所订立的合同，具有法律效力。您在申请用户注册流程中点击同意本协议之前，应当认真阅读本协议。请 您务必审慎阅读、充分理解各条款内容，特别是涉及您核心利益的条款、免除或者限制责任的条款、法律适用和争议解决的条款，以上条款已用粗体下划线标识，请您重点阅读。如您对协议有任何疑问的，可向人人租平台客服咨询。阅读本协议的过程中，如果您不同意本协议或其中任何条款约定的，您应立即停止注册程序。当您按照用户注册页面提示填 写信息、阅读并同意本协议且完成全部注册程序或在京卡手机租赁平台提交订单后，即表示您已 充分阅读、理解并接受本协议的全部内容，并与京卡手机租赁平台达成一致，成为京卡手机租赁用户(以下简称“您”或“用户”)。届时您不应以未阅读本协议的内容为理由，主张本协议 无效，或要求撤销本协议。
			</view>
			<view class="user_xyititwo">
	一、协议内容
			</view>
			<view class="user_xy_three">
			
				1.本协议内容包括协议正文及所有京卡手机租赁官网(https://www.******.com)已经发布的或将 来可能发布的各类规则。所有规则均为本协议的组成部分，与协议正文具有同等法律 效力。2.您在使用京卡手机租赁提供的各项服务的同时，承诺接受并遵守各项相关规则的规定。京卡手机租赁有权根据需要不时地制定、修改本协议或各类规则，如本协议有任何变更，京卡手机租赁将在官网上以公示形式通知您。如您不同意相关变更，必须立即以书面通知的方式终止本协议。任何修订和新规则一经公布即自动生效，成为本协议的部分。登录或继续使用服务将表示您接受经修订的协议。除另行明确声明外，任何使服务范围扩大或 功能增强的新内容均受本协议约束
			</view>
		</view>
	</view>
</template>

<script>
	import navgatsVue from '../../../../common/navgats/navgats.vue';
	export default {
		data() {
			return {
				navigationMsg:{
					title:"",
					
				},
				opts:"",
				lists:[
					{
						name:"租赁服务协议",
						title:""
					},
					{
						name:"用户协议"
					},
					{
						name:"数字证书授权使用协议"
					},
					{
						name:"商品及服务评价制度"
					},
					{
						name:"历史协议"
					}
				]
			}
		},
		components:{
		navgatsVue	
		},
		onLoad(opitons) {
			// console.log(opitons.data)
			// console.log(this.lists[opitons.data].name)
			this.opts=opitons.data
			this.navigationMsg.title=this.lists[opitons.data].name
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.content{
		width: 100vw;
		height: 100vh;
		/* position: absolute; */
		background-color: #FFFFFF;
		overflow-y: auto;
		position: relative;
	}
	.main{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.user_xy{
		width: 90%;
		height: 100rpx;
		line-height: 100rpx;
		font-size: 35rpx;
		text-align: center;
		font-weight: bold;
	}
	.user_xyiti{
		width: 90%;
		height: 70rpx;
		line-height: 70rpx;
		font-size: 33rpx;
		font-weight: bold;
	}
	.user_xyitione{
		width: 90%;
		// height: 70rpx;
		line-height: 70rpx;
		font-size: 33rpx;
		// font-weight: bold;
	}
	.user_xyititwo{
		width: 90%;
		// height: 70rpx;
		line-height: 70rpx;
		font-size: 33rpx;
		text-align: left;
		font-weight: bold;
	}
	.user_xy_three{
		width: 90%;
		// height: 70rpx;
		line-height: 70rpx;
		font-size: 33rpx;
		text-align: left;
		// font-weight: bold;
		
	}
</style>
